<template>
  <div class="all">
    
    <div class="all-head">
      <!--存放头部组件-->
      <all-head></all-head>
    </div>
    <div class="all-left">
      <!--存放左边组件-->
      <all-left></all-left>
    </div>
    <div class="all-center">
      <!--存放中间组件-->
      <all-center></all-center>
    </div>
    <div class="all-right">
      <!--存放右边组件-->
      <all-right></all-right>
    </div>
  </div>
</template>
<script>
//引入组件
import AllHead from "../components/AllHead";
import AllLeft from "../components/AllLeft";
import AllRight from "../components/AllRight";
import AllCenter from "..//components/AllCenter";

export default {
  name: "all",
  components: {
    "all-head": AllHead,
    "all-left": AllLeft,
    "all-right": AllRight,
    "all-center": AllCenter,
  },
  data() {
    return {};
  },
};
</script>  
<style lang = 'css'>
@import '../assets/css/All.css';
@import '../../node_modules/ant-design-vue/dist/antd.css';
</style>